window.addEventListener("load", function () {
// 导航部分开始
    var span = document.querySelector("span")
    var div = document.querySelector(".span-nav")
    var a = div.querySelectorAll("a")
    var navlo = document.querySelector(".navlo")
    navlo.addEventListener("mouseover", function () {
        span.style.backgroundColor = "rgb(54, 54, 182)"
        span.style.color = "#ffff"
        div.style.display = 'block'
    })
    for (var i = 0; i < a.length; i++) {
        a[i].addEventListener("mouseover", function () {
            for (var k = 0; k < a.length; k++) {
                a[k].style.backgroundColor = "#ffff"
                a[k].style.color = "rgb(54, 54, 182)"
            }
            // console.log(this);
            this.style.backgroundColor = "rgb(54, 54, 182)"
            this.style.color = "#ffff"
        })
    }
    navlo.addEventListener("mouseout", function () {
        span.style.backgroundColor = "#ffff"
        span.style.color = "rgb(54, 54, 182)"
        div.style.display = "none"
        for(var i = 0; i<a.length; i++){
            a[i].style.backgroundColor = "cornsilk"
            a[i].style.color = "rgb(54, 54, 182)"
        }
    })
        // 导航部分结束
    // // 轮播图东态生成小圆点
    // var tupp = document.querySelector(".tupp")
    // var li = tupp.querySelectorAll("li")
    // var xiaoli = document.querySelector(".xiaoli")
    // for(var i = 0 ; i<li.length;i++){
    //     var lii = document.createElement("li")
    //     xiaoli.appendChild(lii)
    // }
    // // 点击事件过渡动画
    // function animat(opj, target) {
    //     clearInterval(opj.name)
    //     opj.name = setInterval(function () {
    //         var tim = (target - opj.offsetLeft) / 10
    //         tim = tim > 0 ? Math.ceil(tim) : Math.floor(tim)
    //         if (opj.offsetLeft == target) {
    //             clearInterval(opj.name)
    //         }
    //         opj.style.left = opj.offsetLeft + tim + "px"
    //     }, 10)
    // }
    // // 轮播图点击事件
    // var zuo = document.querySelector(".zuo")
    // var you = document.querySelector(".you")
    // var tupp = document.querySelector(".tupp")
    // var tu = document.querySelector(".tu")
    // // 互斥锁
    // var dd = true
    // var sm =3000
    // zuo.addEventListener('click',function(){
    //     if(dd){
    //         dd = false
    //         animat(tupp,tupp.offsetLeft + tu.clientWidth)
    //     }
    //     setTimeout(function(){
    //         dd = true
    //     },500)

    // })
    // you.addEventListener('click',function(){
    //     sm = 5000
    //     if(dd){
    //         dd = false
    //         animat(tupp,tupp.offsetLeft - tu.clientWidth)
    //     }
    //     setTimeout(function(){
    //         dd = true
    //     },500)
    //     // console.log(li.inedx());
    // })
    //   // 轮播图自动
    //   setInterval(function(){
    //       sm = 5000
    //     if(dd){
    //         dd = false
    //         animat(tupp,tupp.offsetLeft - tu.clientWidth)
    //     }
    //     setTimeout(function(){
    //         dd = true
    //     },500)
    // },sm)
    // // console.log();
 
})